<template>
  <div class="clients-view">
    <div class="page-title">
        TRAP
    </div>

  </div>
</template>


<script>
import ClientsBasic from './components/ClientsBasic'
import ClientsSubscriptions from './components/ClientsSubscriptions'

export default {
  name: 'clients-view',

  components: {
    ClientsBasic,
    ClientsSubscriptions,
  },

  data() {
    return {

    }
  },

  computed: {

  },

  created() {

  },

  watch: {

  },

  methods: {
  
  },
}
</script>


<style lang="scss">
.clients-view {
  .client-oper {
    float: right;
    margin-top: -32px;
    color: #ADAFB4;

    .connect-btn {
      border: 1px solid;
      background: transparent;
      margin-left: 20px;
      min-width: 80px;
      font-size: 14px;
      font-weight: normal;

      &.disconnected {
        border-color: #ff6d6d;
        color: #ff6d6d;
      }
      &.connected {
        border-color: #ADAFB4;
        color: #ADAFB4;
      }
      &:hover {
        background: transparent !important;
      }
    }
  }
  .el-card.tabs-card {
    border-radius: 0 0 4px 4px;
  }
  .el-card .el-card__body {
    padding: 10px 36px;
  }
  .card-subtitle {
    font-size: 16px;
    margin: 24px 0;
  }
}
</style>
